@hpcc-js/common
This package is part of the mono repository "@hpcc-js" (aka Visualization Framework), for more information including Quick Start, Gallery and Tutorials, please visit the main page on GitHub: hpcc-systems/Visualization.
Exported Widgets
Stand-alone HTML Example
<html>
<head>
<title>Simple EntityCard</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<script src="https://unpkg.com/@hpcc-js/util"></script>
<script src="https://unpkg.com/@hpcc-js/common"></script>
</head>
<body>
<div id="placeholder" style="width:800px;height:600px;"></div>
<script>
console.log(window["@hpcc-js/common"].EntityCard);
var chart = new window["@hpcc-js/common"].EntityCard()
.target("placeholder")
.icon("")
.iconDiameter(55)
.iconPaddingPercent(0)
.title("Hello\nEntityCard")
.titleFontSize(28)
.titleColor("#ecf0f1")
.description("This is an EntityCard description")
.descriptionColor("#ecf0f1")
.iconColor("#ecf0f1")
.backgroundShape("rect")
.backgroundColorFill("#2980b9")
.backgroundColorStroke("#2c3e50")
.annotationIcons([
{ faChar: "A", image_colorFill: "#2c3e50", shape_colorFill: "#f1c40f", shape_colorStroke: "none" },
{ faChar: "B", image_colorFill: "#2c3e50", shape_colorFill: "#e67e22", shape_colorStroke: "none" },
{ faChar: "C", image_colorFill: "#2c3e50", shape_colorFill: "#e74c3c", shape_colorStroke: "none" }
])
.render();
</script>
</body>
</html>
Getting Started with @hpccjs